@charset "utf-8";

* {

	padding: 0;

	margin: 0;

	outline: 0;

	text-decoration: none;

	list-style: none;

}

html, body {

	font-size: 14px;

	font-family: "Microsoft YaHei";

	color: #444;

}

input, textarea {

	border: none;

	font-family: "Microsoft YaHei";

}

img {

	border: none;

}

h1, h2, h3, h4, h5 {

	font-weight: normal;

}

table {

	width: 100%;

	border-collapse: collapse;

}

audio, canvas, video {

	display: inline-block;

 *display: inline;

 *zoom: 1;

}

p {

	line-height: 2em;

	color: #555;

}

a {

	color: #000;

}

.fl {

	float: left;

}

.fr {

	float: right;

}

.container {

	width: 1388px;

	margin: 0 auto;

}

.clear:after {

	content: '';

	display: table;

	clear: both;

}

.w1388 {

	width: 1388px;

	margin: 0 auto;

}

.w1128 {

	width: 1128px;

	margin: 0 auto;

}

.bg15 {

	background: #151515;

}

.relative {

	position: relative;

}

.img100 img {

	width: 100%;object-fit: cover;

	vertical-align: bottom;

}


.proxqimg img {

	width: 100%;object-fit: cover;

	vertical-align: bottom; max-height: 400px;

}

.cat_19 .img100 img {object-fit: contain;}


.pc-show {

	display: block;

}

.phone-show {

	display: none;

}

.table {

	display: table;

	text-align: center;

	width: 100%;

	height: 100%;

	table-layout: fixed;

}

.table-cell {

	display: table-cell;

	vertical-align: middle;

}

.table-cell b {

	color: #fff;

}

.margin-t60 {

	margin-top: 60px;

}

.text-center {

	text-align: center;

}

.paddin-tb60 {

	padding: 60px 0;

}

/*index*/



.header {

	position: relative;

	z-index: 99999;

}

.head-top {

	height: 40px;

	line-height: 40px;

	overflow: hidden;

}

.head-top .fl{color: #ccc;}

.head-top2 {

	position: fixed;

	z-index: 99999;

	left: 0;

	bottom: 0;

	width: 100%;

	background: #016dba

}

.head-top2.active {

	bottom: -50px;

}

.head-top div, .head-top span {

	font-size: 14px;

}

.hotLine .span1 {

	color: #ccc;

	position: relative;

	padding-left: 20px;font-size: 14px;

}

.hotLine .span1:before {

	content: '';

	position: absolute;

	top: 50%;

	margin-top: -8px;

	left: 0;

	width: 15px;

	height: 14px;

	background: url("../images/i0.png");

}

.head-top2 .hotLine .span1:before {

	width: 28px;

	height: 25px;

	background: url("../images/tel2.png") no-repeat center;

	background-size: cover;

	margin-top: -12px;

	margin-right: 2px;

}

.hotLine .span2 {

	color: #fff;

	font-weight: bold; font-size: 16px;

}

.head-top2 .hotLine .span1 {

	color: #fff;

	padding-left: 30px;

}

.head-top2 .hotLine span {

	font-size: 16px;

}

.head-mid {

	height: 100px;

}

.head-con {

	width: 100%;

	background: #fff;

	height: 100px;

	transform: translateZ(0);

	-webkit-transform: translateZ(0);

}

.header.active .head-con {

	position: fixed;

	top: 0;

	left: 0;

	box-shadow: 0 2px 4px #ddd;

	height: 80px;

}

.header.active .nav-yi, .header.active .language {

	line-height: 80px;

}

.header.active .logo {

	top: 5px;

}

.logo {

	position: absolute;

	top: 15px;

	left: 0;

}

.logo img {

	vertical-align: bottom; height:72px;

}

.menu-handler {

	width: 30px;

	height: 32px;

	cursor: pointer;

	position: absolute;

	right: 20px;

	top: 14px;

	transition: all 0s cubic-bezier(0.445, 0.145, 0.355, 1);

	-webkit-transition: all 0s cubic-bezier(0.445, 0.145, 0.355, 1);

	-moz-transition: all 0s cubic-bezier(0.445, 0.145, 0.355, 1);

	display: none;

}

.menu-handler .burger {

	height: 2px;

	background: #016dba;

	display: block;

	width: 20px;

	position: absolute;

	z-index: 5;

	left: 5px;

	transform-origin: center;

	-webkit-transform-origin: center;

	-moz-transform-origin: center;

	-o-transform-origin: center;

	-ms-transform-origin: center;

	border-radius: 2px;

	-webkit-border-radius: 2px;

	top: 8px;

}

.menu-handler .burger-2 {

	top: 15px;

}

.menu-handler .burger-3 {

	top: 22px;

}

.menu-handler.active .burger-1 {

	top: 15px;

	-moz-transform: rotate(225deg);

	-webkit-transform: rotate(225deg);

	-o-transform: rotate(225deg);

	-ms-transform: rotate(225deg);

	transform: rotate(225deg);

}

.menu-handler.active .burger-2 {

 -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);

	filter: alpha(opacity=0);

	opacity: 0;

	-moz-opacity: 0;

	-khtml-opacity: 0;

	-webkit-opacity: 0;

}

.menu-handler.active .burger-3 {

	top: 15px;

	-moz-transform: rotate(-225deg);

	-webkit-transform: rotate(-225deg);

	-o-transform: rotate(-225deg);

	-ms-transform: rotate(-225deg);

	transform: rotate(-225deg);

}

.menu-box {

	margin-right: 120px;

}

.menu-box li {

	float: left;

	margin-left: 40px;

	position: relative;

}

.menu-box li:first-child {

	margin-left: 0;

}

.nav-yi { display: inline-block; font-size: 16px; line-height: 100px; font-weight: bold;color: #333;	position: relative;}

.nav-er-box {

	position: absolute;

	width: 140px;

	text-align: center;

	left: 50%;

	margin-left: -70px;

	background: #fff;

	-webkit-transform-origin: top center;

	-ms-transform-origin: top center;

	transform-origin: top center;

	-webkit-transform: scaleY(0);

	-ms-transform: scaleY(0);

	transform: scaleY(0);

	-webkit-transition: -webkit-transform .3s .2s;

	transition: transform .3s .2s;

}

.nav-tap {

	opacity: 0;

	-webkit-transform: translate(0, -20px);

	-ms-transform: translate(0, -20px);

	transform: translate(0, -20px);

	-webkit-transition: all .2s;

	transition: all .2s;

}

.menu-box li:hover .nav-er-box {

	-webkit-transform: scaleY(1);

	-ms-transform: scaleY(1);

	transform: scaleY(1);

}

.menu-box li:hover .nav-tap {

	opacity: 1;

	-webkit-transform: translate(0, 0);

	-ms-transform: translate(0, 0);

	transform: translate(0, 0);

}

.nav-san-box {

	position: absolute;

	left: 100%;

	top: 0;

	width: 0;

	background: #fff;

	overflow: hidden;

}

.nav-san-box a {

	width: 140px;

	font-size: 12px;

}

.nav-er-box a {

	display: block;

	line-height: 45px;

	color: #555;

	font-size: 14px;

}

.language {

	position: absolute;

	right: 40px;

	top: 0;

	line-height: 100px;

	color: #313131;

	font-weight: bold;

	padding-left: 20px;

	font-family: dincondBold;

	font-size: 16px;

}

.language:before {

	width: 14px;

	height: 14px;

	left: 0;

	top: 50%;

	margin-top: -7px;

	background: url("../images/earth.jpg");

	content: '';

	position: absolute;

}

.nav-yi:after {

	content: '';

	position: absolute;

	width: 0;

	left: 50%;

	transform: translateX(-50%);

	-webkit-transform: translateX(-50%);

	bottom: 0;

	border-top: 2px solid #016dba;

}

.menu-box li.active .nav-yi:after {

	width: 100%;

}

.menu-box li.active .nav-yi {

	color: #016dba;

}

.ljgd {

	display: block;

	width: 150px;

	line-height: 50px;

	background: #016dba;

	color: #fff;

	text-align: center;

	font-size: 16px;

}

.banner .ljgd {

	position: absolute;

	left: 50%;

	margin-left: -75px;

	bottom: 25%;

}

.ljgd:hover {

	background: #fff;

	color: #016dba;

}

.swiper-slide-active .ljgd {

	animation: toUp 1s linear both;

}

 @keyframes toUp {

 0% {

 transform: translateY(50px);

 -webkit-transform: translateY(50px);

 opacity: 0;

}

 100% {

 transform: translateY(0);

 -webkit-transform: translateY(0);

 opacity: 1;

}

}

.swiper-pagination-bullets.pagination-style {

	z-index: 4;

	text-align: center;

}


.banner-wap{display:none;}


.banner .pagination1.pagination-style {

	position: absolute;

	bottom: 5%;

	text-align: center;

}

.swiper-pagination-bullets.pagination-style .swiper-pagination-bullet {

	width: 10px;

	height: 10px;

	opacity: 1;

	background: #fff;

	margin: 0 15px;

}

.anlixq-img .swiper-pagination-bullets.pagination-style .swiper-pagination-bullet {

	background: #dcdcdc;

}

.swiper-pagination-bullets.pagination-style .swiper-pagination-bullet-active {

	background: #016dba !important;

}

.anlixq-img .swiper-pagination-bullets.pagination-style .swiper-pagination-bullet {

	margin: 0 6px;

}

.anlixq-img .pagination1 {

	margin-top: 12px;

}

.index-a li {

	float: left;

	width: 24.5%;

	margin-right: 0.66%;

	margin-top: 0.66%;

}

.index-a li:last-child {

	margin-right: 0;

}

.index-a-con {

	position: absolute;

	left: 0;

	top: 0;

	width: 100%;

	height: 100%;

}

.index-a li a {

	display: block;

	overflow: hidden;

}

.index-a .img img {

	width: 48px;

	max-width: 50%;

	vertical-align: bottom;

}

.index-a h3 {

	font-size: 20px;

	color: #fff;

	margin-top: 10px;

}

.index-a i {

	display: block;

	width: 35px;

	height: 35px;

	background-image: url("../images/i6.png");

	margin: 25px auto 0;

	transform: translateY(35px) translateZ(0);

	-webkit-transform: translateY(35px) translateZ(0);

	opacity: 0;

}

.index-a-title {

	margin-top: 45px;

}

.title1 h3 {

	font-size: 26px; font-weight: bold;

	color: #333;

}

.title1 i {

	display: block;

	margin: 8px auto;

	width: 30px;

	border-top: 1px solid #016dba;

}

.title1 {

	margin-bottom: 40px;

}

.ppgs-l {

	width: 55%;

	cursor: pointer;

}

.ppgs-l .img100, .about-vd .img100 {

	position: absolute;

	width: 100%;

	left: 0;

	top: 0;

	height: 100%;

}

.ppgs-r {

	position: absolute;

	right: 0;

	top: 0;

	height: 100%;

	width: 45%;

	background: #f3f3f3;

}

.ppgs-warp {

	width: 440px;

	margin: 0 auto;

	max-width: 90%;

}

.ppgs-title {

	margin-bottom: 25px;

}

.ppgs-title h4 {

	font-size: 24px;

	color: #333;

	letter-spacing: 5px;

	text-indent: 5px;

	margin-bottom: 6px;

}

.ppgs-title span {

	color: #999;

}

.ppgs-txt {

	text-align: left;

}

.ljgd2 {

	width: 118px;

	line-height: 38px;

	text-align: center;

	display: block;

	border: 1px solid #d6d6d6;

	color: #808080;

	margin: 20px auto 0;

}

.ljgd2:hover {

	color: #fff;

	background: #016dba;

	border-color: #016dba;

}

.i7 {

	position: absolute;

	width: 50px;

	height: 50px;

	left: 50%;

	top: 50%;

	margin: -25px 0 0 -25px;

	background-image: url("../images/i7.png");

}

.ppgs-l:hover .i7 {

	transform: scale(1.2);

	-webkit-transform: scale(1.2);

	background-image: url("../images/i7-1.png");

}

.sptc {

	position: fixed;

	z-index: 9999999;

	background: rgba(0,0,0,0.5);

	left: 0;

	right: 0;

	top: 0;

	bottom: 0;

	display: none;

}

.video_t {

	position: absolute;

	left: 50%;

	top: 50%;

	transform: translate(-50%, -50%);

	-webkit-transform: translate(-50%, -50%);

	width: 1270px;

	max-width: 90%;

}

.video_t a {

	position: absolute;

	width: 38px;

	height: 38px;

	right: -19px;

	top: -19px;

	background-image: url("../images/close.png");

	z-index: 9;

}

.video_t a img {

	width: 100%;

	vertical-align: bottom;

}

.video_t video {

	width: 100%;

	vertical-align: bottom;

}

.cptd1 li {

	float: left;

	width: 24.5%;

	margin-right: 0.66%;

	margin-bottom: 0.66%;

	overflow: hidden;

}

.cptd1 li:last-child {

	margin-right: 0;

}

.cptd1 li a {

	display: block;

}

.cptd1-con {

	position: absolute;

	left: 0;

	width: 100%;

	bottom: 0;

	height: 80px;

	background: rgba(255,255,255,.8);

}

.cptd1-con p {

	display: none;

	width: 260px;

	margin: 0 auto;

	color: #fff;

	text-align: left;

}

.cptd1-title {

	font-size: 18px;

	color: #4d4d4d;

}

.cptd1-title img {

	vertical-align: middle;

	margin-right: 10px;

}

.cptd1-title .img1 {

	margin-top: -4px;

}

.cptd1-title .img2 {

	display: none;

}

.cptd1-con i {

	display: block;

	border-top: 1px solid rgba(255,255,255,.7);

	width: 0;

}

.cptd1 li:hover .img1 {

	display: none;

}

.cptd1 li:hover .img2 {

	display: inline-block;

	margin-top: -5px;

}

.cptd1 li:hover .cptd1-con {

	height: 100%;

	background: rgba(181,0,78,.9);

}

.cptd1 li:hover p {

	display: block;

}

.cptd1 li:hover .cptd1-title {

	color: #fff;

}

.cptd1 li:hover .cptd1-con i {

	width: 50px;

	margin: 20px auto;

}

.cptd2 li {

	width: 49.67%;

	margin-right: 0.66%;

	float: left;

}

.cptd2-con {

	width: 340px;

	height: 180px;

	position: absolute;

	left: 50%;

	top: 50%;

	transform: translate(-50%, -50%);

	-webkit-transform: translate(-50%, -50%);

	background: rgba(255,255,255,.9);

}

.cptd2 li a {

	display: block;

	position: relative;

}

.cptd2 li:last-child {

	margin-right: 0;

}

.cptd2-con h4 {

	font-size: 28px;

	color: #333;

	margin-bottom: 10px;

}

.cptd2-con span {

	font-size: 16px;

	color: #8c8c8c;

}

.cptd2 li:hover .cptd2-con {

	background: rgba(181,0,78,.9);

}

.cptd2 li:hover h4 {

	color: #fff;

}

.cptd2 li:hover span {

	color: #fff;

}

.tab-btn {

	font-size: 0;

	text-align: center;

}

.tab-btn a {

	display: inline-block;

	font-size: 14px;

	color: #666;

	text-align: center;

	width: 120px;

	line-height: 40px;

	background: #f5f5f5;

	margin: 0 10px;

}

.tab-btn a.active {

	background: #016dba;

	color: #fff;

}

.tab-btn a:hover {

	background: #016dba;

	color: #fff;

}

.anli-list li {

	float: left;

	width: 24.5%;

	margin-right: 0.66%;

	margin-bottom: 0.66%;

}

.anli-list li a {

	display: block;

}

.anli-list li:nth-child(4n) {

	margin-right: 0;

}

.margin-t50 {

	margin-top: 50px;

}

.anli-con {

	position: absolute;

	width: 100%;

	height: 100%;

	background: rgba(0,109,186,.75);

	left: 0;

	top: 0;

	opacity: 0;

}

.anli-con h4 {

	font-size: 16px;

	color: #fff;

}

.anli-con i {

	display: block;

	width: 36px;

	height: 36px;

	background-image: url("../images/gor.png");

	margin: 20px auto 0;

}

.tabpage {

	display: none;

}

.tabpage.active {

	display: block;

}

.xw-list li {

	float: left;

	width: 48%;

	margin-right: 4%;

	margin-bottom: 4%;

}

.xw-list a {

	display: block;

}

.xw-list li:nth-child(even) {

	margin-right: 0;

}

.xw-list .img100 {

	width: 36%;

}

.xw-con {

	position: absolute;

	height: 100%;

	right: 0;

	width: 62%;

	top: 0;

	border: 1px solid #e0e0e0;

	text-align: left;

}

.xw-txt {

	text-align: left;

	width: 86%;

	margin: 0 auto;

}

.xw-con h4 {

	font-size: 14px;

	color: #333;

	font-weight: bold;

}

.xw-con span {

	font-size: 14px;

	font-family: dincondBold;

	color: #8c8c8c;

	position: relative;

	padding-left: 40px;

	display: block;

}

.xw-con span:before {

	content: '';

	position: absolute;

	left: 0;

	top: 50%;

	width: 30px;

	border-top: 1px solid #999;

}

.xw-con p {

	display: -webkit-box;

	-webkit-box-orient: vertical;

	-webkit-line-clamp: 2; line-height: 2em;

	overflow: hidden;

	height: 4em;

}

.xw-list li:hover h4, .xw-list li:hover span, .xw-list li:hover p {

	color: #016dba;

}

.xw-list li:hover span:before {

	border-color: #016dba;

}

.footer-top {

	height: 120px;

	overflow: hidden;

}

.footer {

	margin-top: 40px;

}

.logo2 {

	margin-top: 19px;

}

.footer-mid-left dl {

	float: left;

	margin-right: 80px;

}

.footer-mid {

	margin-top: 50px;

}

.footer-mid-left dt {

	margin-bottom: 5px;

}

.footer-mid-left dt a {

	color: #333; font-size: 16px;

	font-weight: bold;

}

.fot-lxwm{font-size: 14px; line-height: 2em;}
.fot-lxwm h5{font-size: 16px;}

.footer-mid-left dd a {

	color: #666;

	font-size: 14px; line-height: 2em;

}

.footer-mid-left dd a:hover {

	color: #016dba;

}

.fot-lxwm h5 {

	font-size: 16px;

	font-weight: bold;

	color: #333;

	margin-bottom: 10px;

}

.bdsharebuttonbox.forlink {

	margin-top: 25px;

}

.bdsharebuttonbox.forlink a {

	width: 27px;

	height: 27px;

	padding: 0;

	margin: 0 0 0 10px;

}

.forlink .weibo {

	background-image: url("../images/weibo.png");

}

.forlink .weixin {

	background-image: url("../images/weixin.png");

}

.forlink .tenxun {

	background-image: url("../images/qq.png");

}

.bdsharebuttonbox.forlink span {

	color: #333;

	font-weight: bold;

}

.footer-bot {
	 text-align: center;
	padding: 25px 0;

}

.footer-bot .zt {

	font-family: dincond;

}

.fubox {

	position: fixed;

	right: -50px;

	top: 50%;

	z-index: 999;

	transform: translateZ(0);

	-webkit-transform: translateZ(0);

}

.fubox.active {

	right: 0;

}

.fu-icon {

	background-color: #016dba;

	width: 50px;

}

.fu-icon img {

	width: 100%;

	vertical-align: bottom;

}

.fu-list {

	margin-top: 1px;

	cursor: pointer;

	position: relative;

}

.fu-warp {

	background: #016dba;

	overflow: hidden;

	height: 50px;

	width: 0;

}

.fu-txt {

	padding-right: 10px;

}

.fu-warp p {

	color: #fff;

	line-height: 50px;

}

.fu-list-tel:hover .fu-warp {

	width: 132px;

}

.fu-list-tel .fu-txt {

	width: 132px;

}

.fu-list-qq .fu-txt {

	width: 66px;

}

.fu-list-qq:hover .fu-warp {

	width: 66px;

}

.weixin-code {

	position: absolute;

	right: 100%;

	margin-right: 4px;

	top: 0;

	width: 0;

	overflow: hidden;

}

.weixin-code img {

	width: 128px;

	vertical-align: bottom;

	border: 1px solid #ddd;

}

.fu-list:hover .weixin-code {

	width: 130px;

}

/*about*/



.position {

	height: 80px;

	line-height: 70px;

	margin-top: -70px;

	z-index: 6;

}

.position h2 {

	width: 180px;

	text-align: center;

	background:#016dba;

	background-size: cover;

	color: #fff;

	font-size: 18px;

	font-weight: bold;

	position: relative;

}

.gk-title img {

	vertical-align: middle;

	margin: -4px 5px 0 0;

}

.position h2:before {

	content: '';

	position: absolute;

	width: 100%;

	height: 5px;

	bottom: 0;

	background:#004779;

	left: 0;

}

.brief-nav {

	width: 180px;

	text-align: center;

	position: absolute;

	left: 0;

	top: 0;

}

.brief-nav-con li {

	margin-top: 2px;

	position: relative;

}

.left-yi {

	display: block;

	line-height: 60px;

	background: #f5f5f5;

	color: #444;

	position: relative;

}

.left-yi:before {

	content: '';

	position: absolute;

	height: 100%;

	background: #016dba;

	left: 0;

	top: 0;

	width: 0;

}

.brief-nav-con li.active .left-yi:before {

	width: 100%;

}

.brief-nav-con li.active .left-yi {

	color: #fff;

}

.left-er-box {

	padding: 20px 0;

	border: 1px solid #e5e5e5;

	background: #fff;

	display: none;

}

.left-er-box a {

	display: block;

	color: #8c8c8c;

	line-height: 40px;

	font-size: 12px;

}

.left-er-box a:hover {

	color: #016dba;

}

.left-er-box a.active {

	color: #016dba;

}

/*.brief-nav-con li.active .left-er-box{display: block;}*/



.zksq {

	cursor: pointer;

	z-index: 9;

	display: none;

	content: '';

	position: absolute;

	width: 14px;

	height: 14px;

	background: url("../images/add.png") no-repeat center;

	background-size: cover;

	top: 24px;

	right: 25px;

}

li.none .zksq {

	display: none !important;

}

li.has .zksq {

	display: block !important;

}

.zksq.active {

	transform: rotate(45deg);

}

li:hover .zksq {

	background: url("../images/add2.png") no-repeat center;

	background-size: cover;

}

li.active .zksq {

	background: url("../images/add2.png") no-repeat center;

	background-size: cover;

}

.box-right {

	margin-left: 260px;

}

.pin-wrapper {

	position: absolute;

}

.box-right {

	padding-top: 60px;

}

.title2 {

	border-bottom: 1px solid #dcdcdc;

	line-height: 50px;

}

.title2 h4 {

	color: #333;

	font-size: 20px;

	font-weight: bold;

	position: relative;

}

.title2 h4 img {

	vertical-align: middle;

	margin: -4px 5px 0 0;

	filter: grayscale(1);

}

.title2 h4:after {

	content: '';

	position: absolute;

	left: 0;

	width: 100%;

	bottom: -1px;

	border-top: 1px solid #333;

}

.title2 span {

	font-size: 14px;

	color: #b2b2b2;

	text-transform: uppercase;

	font-family: dincondBold;

}

.margin-t40 {

	margin-top: 40px;

}

.about-vd {

	width: 855px;

	margin: 0 auto;

	max-width: 100%;

	cursor: pointer;

}

.bofang {

	position: absolute;

	left: 0;

	top: 0;

	width: 100%;

	height: 100%;

	background: rgba(0,0,0,.6);

}

.bofang i {

	position: absolute;

	width: 48px;

	height: 48px;

	left: 50%;

	top: 50%;

	background-image: url("../images/bofang.png");

	transform: translate(-50%, -50%);

	-webkit-transform: translate(-50%, -50%);

}

.gtrz .img100 {

	width: 55%;

}

.gtrz-con {

	width: 44%;

	position: absolute;

	right: 0;

	top: 0;

	height: 100%;

	border: 1px solid #e6e6e6;

	background: #fafafa;

}

.gtrz-txt {

	width: 300px;

	margin: 0 auto;

	text-align: left;

	position: relative;

	z-index: 4;

}

.gtrz-txt h5 {

	font-size: 19px;

	font-weight: bold;

	color: #2b2b2b;

}

.gtrz-txt i {

	display: block;

	width: 38px;

	border-top: 1px solid #ccc;

	margin-top: 5px;

}

.gtrz-txt b {

	font-size: 48px;

	color: #016dba;

	font-family: dincondBold;

	margin-right: 8px;

	min-width: 57px;

	display: inline-block;

}

.gtrz-txt span {

	font-size: 16px;

	color: #666;

}

.gtrz-txt ul {

	margin-top: 10%;

}

.ball {

	width: 72px;

	height: 68px;

	position: absolute;

	right: 0;

	bottom: 0;

	background-image: url("../images/boal.jpg");

}

.contentbox {

	padding-bottom: 40px;

	min-height: 500px;

}


.contentbox .box-right{line-height: 2em;font-size: 16px;}
.contentbox .box-right p{line-height: 2em;font-size: 16px; margin-bottom: 10px;}
.contentbox .box-right p span{text-wrap: wrap!important;}

/*发展历程*/



.history-top {

	width: 720px;

	max-width: 100%;

	margin: 60px auto 0;

}

.history-year {

	width: 200px;

	height: 160px;

	border: 1px solid #e0e0e0;

}

.history-year h5 {

	color: #cdcdcd;

	font-size: 40px;

	font-family: dincondBold;

}

.history-year img {

	max-width: 100%;

	max-height: 100%;

	vertical-align: middle;

}

.history-con {

	position: absolute;

	height: 100%;

	right: 0;

	left: 204px;

	top: 0;

	background: #f7f7f7;

}

.history-txt {

	width: 90%;

	margin: 0 auto;

	text-align: left;

}

.history-bot {

	margin-top: 50px;

}

.preview {

	margin: 0 40px;

}

.preview:before {

	position: absolute;

	content: '';

	left: 0;

	width: 100%;

	top: 50%;

	border-top: 1px solid #d6d6d6;

}

.preview .swiper-slide {

	width: 20%;

	text-align: center;

	height: 120px;

	cursor: pointer;

}

.his-dots {

	position: absolute;

	width: 10px;

	height: 10px;

	border-radius: 100%;

	background: #d6d6d6;

	left: 50%;

	top: 50%;

	transform: translate(-50%, -50%);

	-webkit-transform: translate(-50%, -50%);

}

.his-line {

	height: 20px;

	border-right: 1px solid #d6d6d6;

	position: absolute;

	left: 50%;

}

.preview .swiper-slide:nth-child(odd) .his-line {

	bottom: 50%;

	margin-bottom: 8px;

}

.preview .swiper-slide:nth-child(even) .his-line {

	top: 50%;

	margin-top: 8px;

}

.his-nian {

	position: absolute;

	width: 100%;

	left: 0;

	font-size: 30px;

	color: #333;

	font-family: dincondBold;

}

.preview .swiper-slide:nth-child(odd) .his-nian {

	bottom: 50%;

	margin-bottom: 28px;

}

.preview .swiper-slide:nth-child(even) .his-nian {

	top: 50%;

	margin-top: 28px;

}

.his-btn a {

	position: absolute;

	width: 28px;

	height: 28px;

	top: 50%;

	margin-top: -14px;

}

.arrow-left {

	background-image: url("../images/btn01.png");

	left: 0;

}

.arrow-right {

	background-image: url("../images/btn02.png");

	right: 0;

}

.arrow-left:hover {

	background-image: url("../images/btn01-1.png");

}

.arrow-right:hover {

	background-image: url("../images/btn02-1.png");

}

.swiper-slide.active-nav .his-nian {

	color: #016dba;

}

.swiper-slide.active-nav .his-dots {

	background: #016dba;

}

.swiper-slide.active-nav .his-line {

	border-color: #016dba;

}

.swiper-slide:hover .his-nian {

	color: #016dba;

}

.swiper-slide:hover .his-dots {

	background: #016dba;

}

.swiper-slide:hover .his-line {

	border-color: #016dba;

}

.whbox .img100 {

	width: 53.5%;

}

.whbox li {

	position: relative;

}

.whbox li:nth-child(odd) .img100 {

	float: left;

}

.whbox li:nth-child(even) .img100 {

	float: right;

}

.whbox-con {

	position: absolute;

	height: 100%;

	width: 46%;

	border: 1px solid #e0e0e0;

	top: 0;

}

.whbox li:nth-child(odd) .whbox-con {

	right: 0;

}

.whbox li:nth-child(even) .whbox-con {

	left: 0;

}

.whbox li:last-child {

	margin-top: 50px;

}

.wh-text {

	text-align: left;

	width: 80%;

	margin: 0 auto;

}

.wh-title h4 {

	font-size: 18px;

	font-weight: bold;

	color: #333;

}

.wh-title span {

	font-size: 20px;

	color: #b2b2b2;

	font-family: dincondBold;

	text-transform: uppercase;

	margin: 5px 0 2px;

	display: block;

}

.wh-title i {

	display: block;

	width: 50px;

	border-top: 1px solid #e0d5d5;

}

.wh-text b {

	display: block;

	font-size: 20px;

	color: #016dba;

	margin-top: 10%;

}

/*网络服务*/



.map {

	width: 75.5%;

	float: left;

	margin-top: 60px;

	margin-bottom: 60px;

	padding-bottom: 56.9%;

	position: relative;

}

#containerMap {

	position: absolute;

	left: 0;

	top: 0;

	width: 100%;

	height: 100%;

}

.map-info {

	width: 23%;

	float: right;

	margin-left: 1%;

	margin-top: 100px;

	margin-bottom: 60px;

}

.map-tit {

	margin: 20px auto;

	border-left: 6px solid #016dba;

	text-indent: 20px;

}

.map-tit h2 {

	font-size: 24px;

	color: #016dba;

	font-weight: bold;

}

.map-tit > div {

	color: #231815;

	font-size: 16px;

}

.map-name {

	font-size: 18px;

	color: #fff;

	background: #016dba;

	padding: 15px 0;

	text-align: center;

}

.map-otherInfo {

	margin-top: 1px;

	max-height: 389px;

	overflow: auto;

}

.map-otherInfo p {

	text-align: center;

	margin-bottom: 1px;

	background: #f4f4f4;

	padding: 10px 2px;

}

path {

	cursor: pointer;

}

path:hover {

	fill: #016dba;

}

.fillRed {

	fill: #016dba;

	fill: #016dba !important;

}

.addCircle {

	position: absolute;

	width: 40px;

	height: 20px;

	display: block;

	text-align: center;

	cursor: pointer;

	color: #231815;

	padding: 25px 0 0 0;

	font-size: 12px;

	background: url("../images/circle.png")center top/20px no-repeat;

}

path:hover .addCircle {

	background: url("../images/hovercircle.png")center top/20px no-repeat;

}

.addCircle.xin {

	left: 20%;

	top: 29%;

}

.addCircle.gud {

	left: 65%;

	top: 81%;

}

.addCircle.tib {

	left: 19%;

	top: 54%;

}

.addCircle.qih {

	left: 35%;

	top: 47%;

}

.addCircle.gan {

	left: 37%;

	top: 33%;

}

.addCircle.nmg {

	left: 58%;

	top: 32%;

}

.addCircle.hlj {

	left: 84%;

	top: 14%;

}

.addCircle.jil {

	left: 82%;

	top: 24%;

}

.addCircle.lia {

	left: 78%;

	top: 30%;

}

.addCircle.heb {

	left: 67%;

	top: 41%;

}

.addCircle.shd {

	left: 71%;

	top: 45%;

}

.addCircle.shx {

	left: 61%;

	top: 44%;

}

.addCircle.sha {

	left: 56%;

	top: 50%;

}

.addCircle.nxa {

	left: 51%;

	top: 45%;

}

.addCircle.hen {

	left: 66%;

	top: 52%;

}

.addCircle.sch {

	left: 46%;

	top: 63%;

}

.addCircle.chq {

	left: 55%;

	top: 61%;

}

.addCircle.hub {

	left: 63%;

	top: 60%;

}

.addCircle.anh {

	left: 71%;

	top: 57%;

}

.addCircle.jsu {

	left: 75%;

	top: 53%;

}

.addCircle.yun {

	left: 42%;

	top: 79%;

}

.addCircle.gui {

	left: 55%;

	top: 73%;

}

.addCircle.hun {

	left: 63%;

	top: 69%;

}

.addCircle.jxi {

	left: 69%;

	top: 68%;

}

.addCircle.zhj {

	left: 76%;

	top: 65%;

}

.addCircle.fuj {

	left: 73%;

	top: 74%;

}

.addCircle.gxi {

	left: 58%;

	top: 82%;

}

.addCircle.hai {

	left: 59%;

	top: 93%;

}

.addCircle.tai {

	left: 79%;

	top: 80%;

}

.addCircle.bej {

	left: 67.5%;

	top: 34%;

}

.addCircle.shh {

	left: 80%;

	top: 58%;

}

.addCircle.taj {

	left: 70%;

	top: 37%;

}

.addCircle.hkg {

	left: 68%;

	top: 85%;

}

.addCircle.mac {

	left: 65%;

	top: 87%;

}

.add1 {

	left: 20%;

	top: 29%;

}

.map-bot {

	background: #016dba;

	color: #fff;

	text-align: center;

	padding: 12px;

}

.proj-select {

	line-height: 32px;

	margin-bottom: 15px;

}

.proj-text {

	position: absolute;

	left: 0;

	top: 0;

}

.proj-sel {

	margin-left: 90px;

	border: 1px solid #ddd;

}

.sel-list {

	position: absolute;

	background: #fff;

	width: 100%;

	box-shadow: 0 2px 4px #ddd;

	max-height: 25em;

	overflow: auto;

	display: none;

	top: 33px;

}

.sel-list a {

	display: block;

	margin: 0 10px;

	border-bottom: 1px solid #ddd;

	line-height: 2.5em;

}

.sel-list a:last-child {

	border: none;

}

.sel-list a.active {

	color: #016dba;

}

.sel-val {

	text-align: center;

	margin-right: 32px;

	color: #333;

}

.sel-btn {

	width: 32px;

	height: 32px;

	position: absolute;

	background: #016dba;

	right: 0;

	top: 0;

}

.sel-btn:after {

	content: '';

	position: absolute;

	left: 0;

	top: 0;

	bottom: 0;

	right: 0;

	margin: auto;

	width: 0;

	height: 0;

	border-top: 8px solid #fff;

	border-left: 5px solid transparent;

	border-right: 5px solid transparent;

}

.proj-sel.active .sel-btn:after {

	transform: rotate(180deg);

	-webkit-transform: rotate(180deg);

}

.yunu-section {

	padding: 60px 0;

}

.yunu-section-title {

	text-align: center;

	font-size: 40px;

	margin-bottom: 40px;

}

.yunu-section-title span {

	display: inline-block;

	position: relative;

	padding: 0 30px;

	font-weight: bold;

}

.yunu-section-title span:before, .yunu-section-title span:after {

	width: 20px;

	height: 1px;

	position: absolute;

	content: '';

	top: 50%;

	background-color: #000;

}

.yunu-section-title span:before {

	right: 100%;

}

.yunu-section-title span:after {

	left: 100%;

}

.yunu-section-title p {

	margin: 0; color: #aaa;

	font-size: 20px;

}

.yunu-section-title.white {

	color: #fff;

}

.yunu-section-title.white span:before, .yunu-section-title.white span:after {

	background-color: #fff;

}

.yunu-pinzhi {

	margin-left: -8px;

}

.yunu-pinzhi li {

	float: left;

	width: 20%;

}

.yunu-pinzhi li a {

	display: block;

	margin-left: 8px;

	position: relative;

	overflow: hidden;

}

.yunu-pinzhi li .text {

	background-color: #fff;

	text-align: center;

	position: relative;

	z-index: 1;

	height: 232px;

}

.yunu-pinzhi li i {

	display: inline-block;

	background: no-repeat center;

	height: 68px;

	margin-top: -34px;

	width: 68px;

	vertical-align: middle;

}

.yunu-pinzhi li h4 {

	line-height: 50px;

	background: url(../images/pinz_line01.gif) no-repeat center bottom;

	font-size: 18px;

	margin: 0;

}

.yunu-pinzhi li p {

	color: #777;

	line-height: 1.8;

}

.yunu-pinzhi li .box {

	position: absolute;

	left: 0;

	top: 100%;

	width: 100%;

	height: 100%;

	background-color:#016dba;

	color: #fff;

	-webkit-transition: all 0.5s;

	transition: all 0.5s;

}

.yunu-pinzhi li .box i {

	margin-top: 110px;

}

.yunu-pinzhi li .box h4 {

	background-image: url(../images/pinz_line02.gif);

}

.yunu-pinzhi li .box p {

	color: #fff;

}

.yunu-pinzhi li a:hover .text {

	opacity: 0;

}

.yunu-pinzhi li a:hover .box {

	top: 0;

	opacity: 1;

}

/*产品*/



.product-list li {

	float: left;

	width: 32%;

	margin-right: 2%;

	margin-bottom: 5%;

}

.product-list .img100 img{ height: 300px;}

.product-list li:nth-child(3n) {

	margin-right: 0;

}

.pro-list-bot {

	padding: 15px;

	border-bottom: 1px solid #e0e0e0;

	position: relative;

}

.pro-list-bot:after {

	position: absolute;

	width: 0;

	left: 0;

	bottom: 0;

	border-top: 1px solid #016dba;

	content: '';

}

.pro-list-bot h5 {

	color: #8c8c8c;

	font-size: 14px;

	line-height: 1.65em;

	margin-right: 30px;

}

.pro-list-bot b {

	font-size: 16px;

	font-family: dincondBold;

	color: #8c8c8c;

	color: #333;

	margin-right: 5px;

	margin-bottom: 5px;

	height: 1.5em;

	display: block;

	text-align: center;
	 white-space: nowrap; /* 强制不换行 */
  overflow: hidden;  /* 隐藏溢出部分 */
  text-overflow: ellipsis; /* 显示省略号 */

}

.pro-list-bot span {

	color: #8c8c8c;

}

.pro-i {

	position: absolute;

	width: 26px;

	height: 26px;

	right: 15px;

	top: 60%;

	margin-top: -13px;

	background-image: url("../images/pro-i.png");

}

.product-list li:hover h5 {

	color: #016dba;

}

.product-list .img100 {

	background: #e6e6e6;

}

.product-list li:hover b {

	color: #016dba;

}

.product-list li:hover span {

	color: #016dba;

}

.product-list li:hover .pro-i {

	background-image: url("../images/pro-i2.png");

}

.product-list li:hover .pro-list-bot:after {

	width: 100%;

}

.ny-title-r a { position: relative;	padding-left: 10px;	margin-left: 10px; font-size: 14px;	line-height: 29px;	color: #8c8c8c;}

.ny-title-r a:before {

	content: '';

	position: absolute;

	left: 0;

	top: 50%;

	margin-top: -5px;

	width: 6px;

	height: 10px;

	background-image: url("../images/arrow2.png");

}

.ny-title-r a:hover:before {

	background-image: url("../images/arrow2-on2.png");

}

.ny-title-r a:hover {

	color: #333;

}


.anli-list .img100 img{ height:260px;}

.xw-list .img100 img{ height:180px;}
 .image-wrap .gcal-list .img100 img{ height: 236px;}

.gdcp-list .img100 img{ height:200px;}



.no-leftbar .box-right{margin-left: 0;}

/*详情*/



.proxqimg {

	width: 54.4%;

	background: #e6e6e6;

}

.proxq-r {

	width: 40%;

}

.pro-cs-a {

	margin: 25px 0;

}

.pro-cs-a span {

	font-size: 15px; padding-top:15px; display:block

}

.pro-cs-a h4 {

	font-size: 22px;

	color: #333;

	font-weight: bold;

}

.price {

	color: #016dba;

}

.price span {

	font-size: 18px;

}

.price b {

	font-size: 38px;

	font-family: dincondBold;

	margin-right: 2px;

}

.pri-online {

	margin-top: 25px;

}

.pri-online a {

	line-height: 40px;

	background: #016dba;

	color: #fff;

	width: 140px;

	max-width: 48%;

	margin-right: 2%;

	text-align: center;

}

.pri-online .zxzx2 {

	font-family: dincondBold;

}

.pri-online a img {

	vertical-align: middle;

	margin: -2px 5px 0 0;

}

.proxq-sm .his-btn {

	margin: 30px 0;

}

.proxq-sm .his-btn a {

	position: static;

	margin-top: 0;

}

.proxq-sm .his-btn a.fl {

	margin-right: 15px;

}

.xqsmimg .swiper-slide {

	width: 32%;

	margin-right: 2%;

	cursor: pointer;

	background: #e6e6e6;

}

.xqsmimg .swiper-slide:before {

	content: '';

	position: absolute;

	width: 100%;

	height: 100%;

	border: 2px solid #016dba;

	box-sizing: border-box;

	opacity: 0;

}

.xqsmimg .active-nav.swiper-slide:before {

	opacity: 1;

}

.proxq-b h5 {

	background: #f5f5f5;

	line-height: 50px;

	padding: 0 20px;

	font-size: 14px;

	color: #333;

	font-weight: bold;

}

.poroxq-b-con {

	border: 1px solid #e6e6e6;

	padding: 50px;

}

.cs-page:first-child {

	margin-top: 0;

}

.cs-page p {

	color: #333;

}

.cs-page {

	margin-top: 30px;

}

.cs-page b {

	display: block;

	color: #016dba;

	margin-bottom: 8px;

}

.gdcp-list {

	margin-top: 25px;

}

.gdcp-list li {

	float: left;

	width: 24.5%;

	margin-right: 0.66%;

}

.gdcp-list li:nth-child(4n) {

	margin-right: 0;

}

.gdcp-list a {

	display: block;

	position: relative;

}

.gdcp-txt {

	position: absolute;

	width: 100%;

	height: 100%;

	top: 0;

	left: 0;

	background: rgba(1,109,186,.7);

	opacity: 0;

}

.gdcp-txt h5 {

	color: #fff;

	font-size: 14px;

	max-width: 90%;

	margin: 0 auto;

}

.gdcp-list a:hover .gdcp-txt {

	opacity: 1;

}

.gdcp h4 {

	font-size: 18px;

	font-weight: bold;

	color: #333;

}

/*工程安案例*/



.gcal-list li {

	float: left;

	width: 24.5%;

	margin-right: 0.66%;

	text-align: center;

	margin-bottom: 30px;

}

.gcal-list li:nth-child(4n) {

	margin-right: 0;

}

.gcal-list p {

	color: #333;

	margin-top: 5px;

	height: 3.2em;

	display: -webkit-box;

	-webkit-box-orient: vertical;

	-webkit-line-clamp: 2;

	overflow: hidden;

}

.gcal-list li:hover p {

	color: #016dba;

}

.page {

	margin-top: 20px;

}

.pages {

	border: 1px solid #ddd;

	line-height: 34px;

	padding: 0 14px;

	border-radius: 6px;

	-webkit-border-radius: 6px;

	color: #737373;

}

.page-btn:hover {

	background: #016dba;

	color: #fff;

}

.page input {

	height: 34px;

	width: 34px;

	border: 1px solid #ddd;

	color: #016dba;

	border-radius: 6px;

	-webkit-border-radius: 6px;

	text-align: center;

	font-size: 16px;

}

.page span, .page input, .pages {

	display: inline-block;

	vertical-align: middle;

	margin: 0 2px;

}

.go {

	background: #016dba;

	color: #fff;

	display: inline-block;

	border-color: #016dba;

	margin-left: 10px;

}

.alxq-title h4 {

	font-size: 16px;

	font-weight: bold;

	color: #333;

	margin-bottom: 8px;

}

.alxq-title h1{ font: 24px/30px "Microsoft YaHei"; color: #333; }

.alxq-title span {

	margin: 0 10px; font: 14px/30px "Microsoft YaHei";

}

.alxq-title span:nth-child(2) {

	font-family: dincond;

	

}

/*新闻*/



.xw-con h4 {

	display: -webkit-box;

	-webkit-box-orient: vertical;

	-webkit-line-clamp: 2;

	overflow: hidden; font-size: 16px;

	 height: 30px;
	line-height: 2em;

}

.edibox img {

	display: block;

	margin: 0 auto;

	max-width: 100%;

	vertical-align: bottom;

	height: auto !important;

}

.edipage {

	margin-top: 25px;

}

.tmms {

	margin-top: 15px;

}

.xwfy-a {

	max-width: 48%;

}

.xwfy {

	border-top: 1px solid #e0e0e0;

	padding-top: 15px;

	margin-top: 40px;

}

.xwfy a {

	position: relative;

	color: #8c8c8c;

	display: block;

}

.xwfy a:hover {

	color: #016dba;

}

.fy-go {

	position: absolute;

	top: 0;

}

.fl .fy-go {

	left: 0;

	padding-right: 20px;

}

.fr .fy-go {

	right: 0;

	padding-left: 20px;

}

.fl.xwfy-a a {

	padding-left: 70px;

}

.fr.xwfy-a a {

	padding-right: 70px;

}

.fy-go span {

	position: absolute;

	top: 0;

}

.fl.xwfy-a span {

	right: 0;

}

.fr.xwfy-a span {

	left: 0;

}

/*服务与支持*/

.honnor li {

	float: left;

	width: 25%;

	text-align: center;

	margin-right: 12.5%;

	margin-bottom: 40px;

	cursor: pointer;

}

.honnor li:nth-child(3n) {

	margin-right: 0;

}

.honnor li p {

	color: #666;

	margin-top: 20px;

}

.honnor li:hover p {

	color: #016dba;

}

/*联系我们*/

#container {

	height: 640px;

	width: 100%;

}

.map-lxwm {

	padding: 40px 50px;

	background: #fff;

}

.lxwm-tou b {

	font-size: 18px;

	color: #333;

	display: inline-block;

	vertical-align: middle;

}

.lxwm-tou span {

	font-size: 22px;

	color: #999;

	font-family: dincondBold;

	margin-left: 10px;

	display: inline-block;

	vertical-align: middle;

}

.lxwm-tou {

	border-bottom: 1px solid #d0d0d0;

	line-height: 36px;

}

.contact-page {

	max-width: 48%;

	width: 518px;

}

.ditu-bot {

	position: relative;

	z-index: 9;

	margin-top: -80px;

}

.contact-bot {

	padding-top: 20px;

}

.contact-page li {

	position: relative;

	padding-left: 80px;

	color: #4c4c4c;

	margin-bottom: 5px;

}

.contact-page li span {

	position: absolute;

	left: 0;

	top: 0;

}

.contact-page li span img {

	vertical-align: middle;

	margin: -4px 10px 0 0;

}

.line-box div {

	position: absolute;

	background: #016dba;

}

.line-01, .line-02 {

	bottom: 0;

	height: 3px;

	width: 0;

}

.line-01 {

	right: 50%;

}

.line-02 {

	left: 50%;

}

.line-03, .line-04 {

	bottom: 0;

	width: 3px;

	height: 0;

}

.line-03 {

	left: 0;

}

.line-04 {

	right: 0;

}

.line-05, .line-06 {

	height: 3px;

	width: 0;

	top: 0;

}

.line-05 {

	left: 0;

}

.line-06 {

	right: 0;

}

.cptd2 li:hover div {

	transition: all .2s linear;

	-webkit-transition: all .2s linear;

}

.cptd2 li:hover .line-box .line-01, .cptd2 li:hover .line-box .line-02 {

	width: 50%;

}

.cptd2 li:hover .line-box .line-03, .cptd2 li:hover .line-box .line-04 {

	height: 100%;

	transition-delay: .2s !important;

}

.cptd2 li:hover .line-box .line-05, .cptd2 li:hover .line-box .line-06 {

	width: 50%;

	transition-delay: .4s !important;

}

.search-body .header {

	border-bottom: 1px solid #ddd;

}

.search-list {

	margin-bottom: 50px;

}

.result-box .search-list li {

	margin-bottom: 0;

	margin-top: 40px;

}

.result-box {

	margin-bottom: 100px;

}

.top-search {

	position: absolute;

	top: 0;

	right: 0;

	height: 100%;

	cursor: pointer;

}

.search-btn {

	width: 24px;

	height: 24px;

	background: url("../images/search.png") no-repeat center;

	background-size: cover;

	margin-top: 38px;

}

.header.active .search-btn {

	margin-top: 28px;

}

.search-nr {

	position: absolute;

	right: 0;

	top: 50%;

	margin-top: -16px;

	background: #d9d9d9;

	width: 0;

	z-index: 9;

	overflow: hidden;

}

.search-nr.active {

	width: 240px;

}

.search-nr .text {

	width: 240px;

	display: block;

	height: 32px;

	text-indent: 1em;

	background: #d9d9d9;

}

.search-nr .sbmit {

	position: absolute;

	right: 40px;

	top: 0;

	width: 32px;

	height: 32px;

	background: url("../images/search2.png") no-repeat center;

	cursor: pointer;

}

.search-close {

	position: absolute;

	width: 32px;

	height: 100%;

	right: 0;

	top: 0;

	background: url("../images/gb.png") no-repeat center;

	background-size: cover;

}

.menu-box.active .menu-box-ul {

	opacity: 0;

}

.search-nr-wap:before {

	content: '';

	position: absolute;

	height: 50%;

	top: 25%;

	right: 35px;

	border-left: 1px solid #999;

}

.search-nr-wap {

	width: 240px;

	position: relative;

}

.hide-honor {

	position: fixed;

	left: 0;

	right: 0;

	top: 0;

	bottom: 0;

	z-index: 999999;

	background: rgba(0,0,0,0.8);

	display: none;

}

.hide-honor-play {

	height: 100%;

}

.hide-honor-con {

	position: absolute;

	width: 600px;

	left: 50%;

	top: 0;

	height: 100%;

	margin-left: -300px;

}

.hide-honor-con .img img {

	vertical-align: bottom;

	max-width: 100%;

	max-height: 80%;

	position: absolute;

	top: 50%;

	left: 50%;

	transform: translate(-50%, -50%);

	-webkit-transform: translate(-50%, -50%);

}

.hide-honor-con .img p {

	position: absolute;

	bottom: 10%;

	width: 100%;

	font-size: 16px;

	margin-bottom: -40px;

}

.honor-close {

	position: absolute;

	width: 40px;

	height: 40px;

	top: 10%;

	right: -40px;

	background: url(../images/24-fff.jpg) no-repeat center;

	background-size: cover;

	z-index: 99;

	cursor: pointer;

}

.hide-honor-bth div {

	position: absolute;

	cursor: pointer;

	width: 34px;

	height: 34px;

	top: 50%;

	margin-top: -17px;

	z-index: 999;

}

.hide-honor-bth1 {

	left: -35px;

	background-image: url(../images/bth555.png);

}

.hide-honor-bth2 {

	right: -35px;

	background-image: url(../images/bth666.png);

}

.hide-honor-bth div.swiper-button-disabled {

	display: none;

}

.hide-honor-bth1:hover {

	background-image: url(../images/bth555-1.png);

}

.hide-honor-bth2:hover {

	background-image: url(../images/bth666-1.png);

}

.fanghui1 {

	margin-top: 30px;

}

.fanghui1 a {

	display: block;

	width: 120px;

	line-height: 40px;

	-webkit-border-radius: 40px;

	border-radius: 40px;

	border: 1px solid #ddd;

	margin: 0 auto;

	color: #666;

}

.fanghui1 a:hover {

	border-color: #016dba;

	color: #016dba;

}

.swiper-btn-style div {

	width: 48px;

	height: 48px;

	position: absolute;

	top: 50%;

	margin-top: -24px;

	background-size: cover;

	background-repeat: no-repeat;

	background-position: center;

	z-index: 10;

	cursor: pointer;

}

.swiper-btn-style .swiper-btn-left {

	left: -50px;

	background-image: url("../images/btn1.png");

}

.swiper-btn-style .swiper-btn-right {

	right: -50px;

	background-image: url("../images/btn2.png");

}

.swiper-container:hover .swiper-btn-left {

	left: 70px;

}

.swiper-container:hover .swiper-btn-right {

	right: 70px;

}

.swiper-btn-style .swiper-btn-left:hover {

	background-image: url("../images/btn1-1.png");

}

.swiper-btn-style .swiper-btn-right:hover {

	background-image: url("../images/btn2-1.png");

}

.gywm-edit img {

	display: block;

	max-width: 100%;

	margin: 0 auto !important;

	height: auto !important;

}

.imgscale .img100 {

	overflow: hidden;

}

.imgscale:hover .img100 img {

	transform: scale(1.1);

	-webkit-transform: scale(1.1);

}

.swiper-btn-style div, .menu-handler .burger, .nav-yi:after, .index-a i, .index-a-title, .index-a-con, .ljgd2, .cptd1-con, .cptd2-con, .anli-con, .fubox, .zksq, .gdcp-txt, .language, .sel-btn:after, .weixin-code, .i7, .imgscale .img100 img, .left-yi:before, .left-yi, .pro-list-bot:after, .nav-san-box, .search-nr, .menu-box-ul, .head-top2 {

	transition: all .3s linear;

	-webkit-transition: all .3s linear;

}

.fu-warp, .nav-er-box a {

	transition: all .2s linear;

	-webkit-transition: all .2s linear;

}

.index-a i, .i7, .video_t a, .anli-con i, .footer-top, .bofang i, .ball, .his-btn a, .pro-i, .hide-honor-bth div {

	background-size: cover;

	background-repeat: no-repeat;

	background-position: center;

}

#newBridge .icon-right-top {

	top: 135px !important;

}

.slideInUp {

	-webkit-animation-name: slideInUp;

	animation-name: slideInUp;

	-webkit-animation-duration: 1.2s;

	animation-duration: 1.2s;

	-webkit-animation-fill-mode: both;

	animation-fill-mode: both;

}

 @-webkit-keyframes slideInUp {

 0% {

 opacity: 0;

 filter: alpha(opacity=0);

 -webkit-transform: translateY(100px);

 -ms-transform: translateY(100px);

 transform: translateY(100px);

 -moz-transform: translateY(100px);

 -o-transform: translateY(100px);

}

 100% {

 opacity: 1;

 filter: alpha(opacity=1);

 -webkit-transform: translateY(0);

 -ms-transform: translateY(0);

 transform: translateY(0);

 -moz-transform: translateY(0);

 -o-transform: translateY(0);

}

}

 @keyframes slideInUp {

 0% {

 opacity: 0;

 filter: alpha(opacity=0);

 -webkit-transform: translateY(100px);

 -ms-transform: translateY(100px);

 transform: translateY(100px);

 -moz-transform: translateY(100px);

 -o-transform: translateY(100px);

}

 100% {

 opacity: 1;

 filter: alpha(opacity=1);

 -webkit-transform: translateY(0);

 -ms-transform: translateY(0);

 transform: translateY(0);

 -moz-transform: translateY(0);

 -o-transform: translateY(0);

}

}



#maximg img{ max-width:100% !important; height:auto !important}

#maximg span{    text-wrap: inherit !important;}



.pagebar { padding:20px; overflow:hidden; clear:both}

.pagebar .pagination {

  display: flex;

  justify-content: center;

  margin-top: 10px;

}

.pagination a {

  background: #fff;

  border: 1px solid #ccc;

  color: #333;

  font-size: 12px;

  padding: 8px 10px;

  margin: 0 2px;

  border-radius: 3px; line-height:100%

}

.pagination span {

    color: #333;

    font-size: 12px;

    padding: 7px 2px;

    margin: 0 2px;

    border-radius: 3px;

}

.pagination a:hover {

  color: #333;

  border: 1px solid #333;

}

.pagination a.page-num-current {

  color: #fff;

  background: #333;

  border: 1px solid #333;

}

.pagination .st{ font-family:宋体}

.text-secondary{ text-align:center; padding:20px 0}